<template>
  <view class="container">
    <view class="title">请选择录入的菜品类型</view>
    <view class="cell-grup">
      <view
        class="item"
        @click="goto('/pages/workbench/food/doEdit?mode=add&type=1')"
      >
        <image src="/static/images/food/ptc.png"></image>
        <view class="difo">
          <text>普通菜</text>
          <text class="fsize-24 text-gray mt-10">有多规格，称重计价</text>
        </view>
      </view>
      <view
        class="item"
        @click="goto('/pages/workbench/food/doEdit?mode=add&type=2')"
      >
        <image src="/static/images/food/tc.png"></image>
        <view class="difo">
          <text>套餐</text>
          <text class="fsize-24 text-gray mt-10">多个菜品组合</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import { uNavigateTo } from "../../../utils/uniUtils";
export default {
  methods: {
    goto(url) {
      uNavigateTo(url);
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  padding: 0 20rpx;
  .title {
    font-size: 36rpx;
    font-weight: bold;
    padding: 30rpx 0;
  }
  .cell-grup {
    .item {
      padding: 36rpx 20rpx;
      background-color: $color-white;
      border-radius: 10rpx;
      margin-bottom: 20rpx;
      display: flex;
      align-items: center;
      image {
        display: block;
        width: 80rpx;
        height: 80rpx;
      }
      .difo {
        display: flex;
        flex-direction: column;
        margin-left: 20rpx;
      }
    }
  }
}
</style>
